.layout{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 1000px;
	background-color: #ccc;
}
.jd_search{
	position: fixed;
	z-index: 666;
	width: 100%;
	max-width: 640px;
	height: 40px;
	background-color: #ff3040;
	/*display: flex;*/
}
.jd_search .jd_logo{
	position: absolute;
	left:10px;
	top: 5px;

	width: 56px;
	height: 30px;
	background:url(../images/jd-sprites.png);
	background-size: 200px 200px;
	background-position: 0 -108px;

}

.jd_search .jd_searchMore{
	width: 100%;
	height: 100%;
	margin-top: 5px;
	padding-left: 76px;
	padding-right: 50px;
	position: relative;
/*	background-color: #666;*/
}
/*输入框中的放大镜，伪元素实现*/
.jd_searchMore::before{
	content: "";
	position: absolute;
	width: 27px;
	height: 27px;
	background:url(../images/jd-sprites.png);
	background-size: 200px 200px;
	background-position: -56px -108px;
	left: 80px;
	top: 4px;

}

.jd_searchMore input{
	width: 100%;
	height: 30px;
	border-radius: 15px;
	padding-left: 30px;
	color: gray;
}
.jd_search .jd_login{
	
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
/*	background-color: blue;*/
}
/*轮播图*/
.jd_banner{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.jd_bannerImg{
	width: 1000%;
	position: relative;
}
.jd_bannerImg>li{
	width: 12.5%;
	float: left;
}
.jd_bannerImg li img{
	display: block;
	width: 100%;
}
.jd_dott{
	position: absolute;
	bottom: 5px;
	left: 50%;
}
.jd_dott>li{
	float: left;
	width: 6px;
	height: 6px;
	margin: 5px;

	border-radius: 3px;
	border:1px solid #fff;
}

.jd_dott>li.active{
	background-color: #fff;
}
/*导航信息*/
.jd_nav>ul>li{
	text-align: center;
	width: 25%;
	float: left;
	margin-top: 10px;
	border-right: 1px solid blue;

}

.jd_nav>ul>li:nth-of-type(4n){
	border-right: none;
}
.jd_nav li img{
	width: 39px;
}

/*商品分类*/
.jd_product_items{
	width: 100%;
}
.jd_product_items>a{
	width: 50%;
	float: left;
}
.jd_product_items>a:first-of-type{
	/*background: transparent;*/
	/*border-bottom: 5px solid transparent;*/
}
.jd_product_items img{
	width: 100%;
	display: block;
	/*vertical-align: middle;*/
}
